﻿/*body
{
	font-family: Arial;
	font-size: 50%;
	background-color: #ececec;
}*/
html 
{
    font-size: 125%;
}
body
{
font-family:Arial,sans-serif;
font-size:50%;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1;
}
h1
{
	font-family: Arial;
	font-weight: normal;
	color: #02639C;
	font-size:2.8em;
    line-height:1.2em;
}

h2
{
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	color: #060606;
}

h3
{
	font-family: Arial;
	color: #060606;
	font-size:1.8em;
    font-weight:normal;
    line-height:1.8em;
	}

p
{
	font-family: Arial;
	font-weight: normal;
	color: #060606;
    font-size: 1.3em;
	line-height: 1.3em;
}

p.full-width 
{
    width: 52em;
}

div.header-title
{
	font-family: Arial;
	font-weight: normal;
	color: #02639C;
	font-size:2.8em;
    line-height:1.2em;
    padding-top:25px;
}

blockquote {
    font-size: 1.3em;
	line-height: 1.3em;
}

a
{
	color: #02639C;
	font-weight: bold;
	text-decoration: none;
}

.div_hr
{
	clear: both;
	background-color: Transparent;
	border-top: 1px solid #dedede;
}

a:hover
{
	text-decoration: underline;
}

img
{
	border: 0px;
}

.button
{
	text-align: center;
	vertical-align: top;
}

.error
{
	font-weight: bold;
	color: #E01616;
}

.error-text
{
    font-weight: bold;
	color: #E01616;
}
.message
{   
    font-weight:bold;
    color: #02639C;
}
fieldset
{
	margin: 10px 5px 20px 5px;
	padding: 10px;
	font-size: 1.3em;
	line-height: 1.3em;
	
}
fieldset.field-set-person-info
{
    width: 630px;
    
}
div.button-panel
{
    width: 630px;
    margin:10px 5px 20px;

}
table.person-number-container 
{
    padding: 0;
    margin: 4px 0;
    border-spacing: 0;
}

table.person-number-container td
{
     
}

.input-container
{
	font-size: 1.3em;
	line-height: 1.3em;
}
.namedFieldTextBoxClass
{
    display :block;
    margin-bottom: 5px;
}
.namedFieldLabelClass
{
	display :block;
}

.div-container
{
	width:600px;
	height:100px;
	clear:both;
}

.div-container-inner
{
    position:relative;
}

div.clear {
    clear: both;
}

.div-container-col1
{
	float:left;
	width: 150px;
	margin-right:8px;	
}

.div-container-col2
{
    float: left;
	width: 350px;
}
div#div-contact-info
{
    display: block;
}
.booking-calendar
{
	position:absolute;
	top:170px;
	left:470px;
	width:238px;
}
.right
{
	text-align: right;
}
.left-element
{
    float:left;
}

.calendar-cell-disabled
{
	color:GRAY;	
}

.calendar-cell-free
{
	color:GREEN;	
}

.calendar-cell-booked
{
	color:RED;	
}

.booking-calendar-menuitem
{
	background-image:url(http://localhost:2390/images/meny-tab-bg.gif);
	font-weight:normal;
	width:73px;
	height:33px;
	text-align:center;
}

.booking-calendar-menuitem-selected
{
	background-image:url(http://localhost:2390/images/meny-tab-bg.gif);
	font-weight:bold;
	width:73px;
	height:33px;
	text-align:center;
}
.booking-list-freetimes
{
	padding-left: 10px;
	margin-left: 0;
}

.firstpage-freetimes
{
	padding-left: 10px;
	margin-left: 0;
	font-size: 1.3em;
	line-height: 1.3em;
}

.firstpage-freetimes li
{
	padding-bottom: 0.3em;
}

.booking-list-freetimes li
{
	list-style: none;
	margin: 0;
}

.booking-list-freetimes li a  
{
	text-decoration: none; 
}

.booking-calendar-content
{
	width:220px;
}

.login-container
{
	text-align: right;
	float: right;
	font-size: 1.3em;
	line-height: 1.3em;
}

.confirmed-login
{
	font-size: 1.3em;
}

div#header-left
{
    float:left;
    width: 70%;
}
.registration-questions
{
	border: solid 1px Gray;
	padding: 7px 7px 7px 7px;
	position:absolute;
	top:40px;
	left:710px;
	width:175px;
	font-size: 1.3em;
	line-height: 1.3em;
}

.booking-questions
{
	border: solid 1px Gray;
	padding: 7px;
	float: right;
	vertical-align: top;
	width:175px;
	
}
.panel-buttons
{
    clear:both;
    width:52em;
    border-bottom: solid 1px Gray;
    padding-bottom: 5px;
    margin-bottom: 8px;
}

.div_listbox_scrollbar
{
	border: solid 1px Gray;
	height: 134px;
	width: 675px;
	overflow: auto;
}

.listbox
{
	border: none;
	Width: 1000px;
 }
 
 .hyperlink
 {
 	text-decoration: underline;
 	color: Blue;
 }

.imageAligned
{
    margin: 0px 10px 0px 10px; 
}
#imagecontainer
{
    float:right;
    margin-top:40px;
}
.imagesafterbooking
{
    padding-bottom:20px;
    padding-right:20px;
   }

.imagetext 
{
    font-style:italic;
    font-family:Arial,helvetica,sans;
    font-size:110%;
    letter-spacing:110%;
           
}
.datecolumn
{
    width:6em;
    vertical-align: text-top;
    padding-left:5px;
}
.modifiedusercolumn
{
    width:15em;
    vertical-align: text-top;
}
.informationcolumn
{
vertical-align: text-top;
padding-right:5px;
    
}


/* Step generator */

.stepgenerator {
max-width:920px;
padding-top:6px;
line-height: 1.4em;
display:block;
}
.stepgenerator .grayleft {
background-image:url(../Images/stepgenerator_greystart.PNG);
background-repeat:no-repeat;
float:left;
height:37px;
width:5px;
}
.stepgenerator .grayright {
background-image:url(../Images/stepgenerator_greyend.PNG);
background-repeat:no-repeat;
float:left;
height:37px;
width:5px;
}
.stepgenerator .blueleft {
background-image:url(../Images/stepgenerator_bluestart.PNG);
background-repeat:no-repeat;
float:left;
height:37px;
width:5px;
}
.stepgenerator .blueright {
background-image:url(../Images/stepgenerator_blueend.PNG);
background-repeat:no-repeat;
float:left;
height:37px;
width:5px;
}
.stepgenerator .graybg {
background-image:url(../Images/stepgenerator_grEymiddle.PNG);
background-repeat:repeat-x;
display:inline-block;
float:left;
height:37px;
}
.stepgenerator .bluebg {
background-image:url(../Images/stepgenerator_bluemiddle.PNG);
background-repeat:repeat-x;
display:inline-block;
float:left;
height:37px;
}
.stepgenerator .graymiddle {
background-image:url(../Images/stepgenerator_arrowgreygrey.PNG);
background-repeat:no-repeat;
float:left;
height:37px;
width:15px;
}
.stepgenerator .bluemiddle {
background-image:url(../Images/stepgenerator_arrowbluegrey.png);
background-repeat:no-repeat;
float:left;
height:37px;
width:15px;
}
.stepgenerator .graybluemiddle {
background-image:url(../Images/stepgenerator_arrowgreyblue.PNG);
background-repeat:no-repeat;
float:left;
height:37px;
width:16px;
}
.stepgenerator .graybg span.checked {
background-image:url(../Images/stepgenerator_knapptransgreen.PNG);
background-position:left center;
background-repeat:no-repeat;
color:#000000;
display:inline-block;
font-family:Arial;
font-size:12px;
margin-top:10px;
padding-left:20px;
padding-right:5px;
}
.stepgenerator .graybg span.not_checked {
background-image:url(../Images/stepgenerator_knapptransgrey.PNG);
background-position:left center;
background-repeat:no-repeat;
color:#000000;
display:inline-block;
font-family:Arial;
font-size:12px;
margin-top:10px;
padding-left:20px;
padding-right:5px;
}
.stepgenerator .bluebg span.not_checked {
background-image:url(../Images/stepgenerator_knapptransgrey.PNG);
background-position:left center;
background-repeat:no-repeat;
color:#000000;
display:inline-block;
font-family:Arial;
font-size:12px;
margin-top:10px;
padding-left:20px;
padding-right:5px;
}
.stepgenerator .bluebg span.not_checked_blue {
background-image:url(../Images/stepgenerator_knapptransblue.PNG);
background-position:left center;
background-repeat:no-repeat;
color:#FFFFFF;
display:inline-block;
font-family:Arial;
font-size:12px;
font-weight:bold;
margin-top:10px;
padding-left:20px;
padding-right:5px;
}